<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>个人博客</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
    <!-- 样式初始化 自定义文件 -->
    <link rel="stylesheet" href="../css/index.css">
    <!-- 下面所有都是库文件 -->
    <link rel="stylesheet" href="../newtp/lib/weui.min.css">
    <link rel="stylesheet" href="../newtp/css/jquery-weui.css">
    <link rel="stylesheet" href="../newtp/css/theme.css">
    <script src="../newtp/lib/jquery-2.1.4.js"></script>
    <script src="../newtp/lib/fastclick.js"></script>
    <script src="../newtp/js/jquery-weui.js"></script>
<style>
/*最外层*/
.page-container{height: 100%;width: 100%;  overflow: hidden; }
/*顶部*/
.page-top{ height: 50px; top:0; background:#fff; }
.g-back{ float: left; width: 80px;  height: 50px;background: url(../img/g_03.png) center no-repeat; background-size: 18px; }
.g-other{float: right;width: 80px; height: 50px; background: url(../img/ss_03.png) center no-repeat; background-size: 18px; }
.t-title{ display:block; line-height: 50px; width: 100%;  text-align: center; }
/*内容容器*/
/*内容*/
.page-wrap{ height: 100%; width: 100%; background:#f8f8f8;overflow-y: auto; }

.p-list{margin-top:10px; padding:0 17px 10px 17px; background: #fff;}
.p-list-title{ height: 40px;line-height: 40px;}
.p-list-title .time{ font-size: 10px; }
.p-list-title img{ height:20px; width: 20px; vertical-align: middle;}
.p-list-title span{display:inline-block; line-height: 40px; font-size: 14px;vertical-align: middle;color: #787878;}
.p-list-text{padding:7px; border-radius: 5px; background:#f1f5fe;}
.text-body{max-height: 56px;overflow: hidden;color: #535a74;white-space: nowrap; font-size: 14px; text-overflow: ellipsis;  }
.text-info{padding-top: 5px; color: #30322f;word-wrap:break-word; font-size: 13px;}

</style>
</head>
<body>
<div class="page-container">
      <div class="weui-tab">
             <!-- 头部 -->
              <div class="weui-navbar page-top">
                      <a  href="javascript:history.back(-1);" class="g-back"></a>                   
                      <span class="t-title">我的收藏</span>  
                      <a  class="g-other"></a>
              </div>
              <!-- 内容区 -->
              <div class="weui-tab__bd page-wrap" >
                     <div class="p-list">
                          <div class="p-list-title">
                              <img src="../img/6_16.png" >
                              <span >考勤管理：考勤通知</span>
                              <span class="right time">2018/6/8 08:55</span>
                          </div>
                          <div class="p-list-text">
                              <a href="../otherpages/banwu.html">
                                  <p class="text-body">2018/6/8 08:57的考勤信息</p>
                                  <p class="text-info">考勤结果：迟到(5) 早退(3)</p>
                              </a>
                          </div>
                     </div>

                     <div class="p-list">
                          <div class="p-list-title">
                              <img src="../img/3_10.png" >
                              <span >校务通知：审批-请假</span>
                              <span class="right time">2018/6/8 08:55</span>
                          </div>
                          <div class="p-list-text">
                            <a href="../otherpages/banwu.html">
                                <p class="text-body">信息 三个是大法官十多个电饭锅东方红发</p>
                                <p class="text-info">请假类型：事假 &nbsp; 请假时间：2018/6/8 08:55 至 18:00</p>
                            </a>
                          </div>
                     </div>
  
                     <div class="p-list">
                          <div class="p-list-title">
                              <img src="../img/3_08.png" >
                              <span >德育通知：德育-学生成长</span>
                              <span class="right time">2018/6/8 08:55</span>
                          </div>
                          <div class="p-list-text">
                              <a href="../otherpages/banwu.html">
                                  <p class="text-body">你提交的学生德育成长记录未通过审核，请知晓</p>
                                  <p class="text-info">提交人：赵薇 - 语文老师 &nbsp; 成长类型：学生成长 积分：5</p>
                              </a>
                          </div>
                     </div>

                     <div class="p-list">
                          <div class="p-list-title">
                              <img src="../img/5_14.png" >
                              <span >文章：刘三文老师</span>
                              <span class="right time">2018/6/8 08:55</span>
                          </div>
                          <div class="p-list-text">
                              <a href="../otherpages/banwu.html">
                                  <p class="text-body">的考勤信息水电费第三个是大法官十多个电饭锅东方红发货方式的试试都会发生上的是是发货都是合适的都是是好事身高多少个十多个多个都是个的都是个个都是上的官方官方水电费负担和规范化官方发给就规划局规划工号金龟换酒很关键规划局法规工号韩国 </p>
                                  <p class="text-info">提交人：赵薇 - 语文老师 &nbsp; 成长类型：学生成长 积分：5</p>
                              </a>
                          </div>
                     </div>

                     <div class="p-list">
                          <div class="p-list-title">
                              <img src="../img/5_14.png" >
                              <span >文章：刘三文老师</span>
                              <span class="right time">2018/6/8 08:55</span>
                          </div>
                          <div class="p-list-text">
                              <a href="../otherpages/banwu.html">
                                    <p class="text-body">的考勤信息水电费第三个是大法官十多个电饭锅东方红发货方式的试试都会发生上的是是发货都是合适的都是是好事身高多少个十多个多个都是个的都是个个都是上的官方官方水电费负担和规范化官方发给就规划局规划工号金龟换酒很关键规划局法规工号韩国 </p>
                                    <p class="text-info">提交人：赵薇 - 语文老师 &nbsp; 成长类型：学生成长 积分：5</p>
                              </a>
                          </div>
                     </div>
              </div>

        </div>
</div>
</body>
<script>
$(".text-time").each(function(i,v){
    if(v.innerHTML.length>65){
       v.innerHTML = v.innerHTML.slice(0,66) + "...";
    }
})

</script>

</html>